<!DOCTYPE html>
<html>
    {% load staticfiles %}
<head>
	<meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<title>密码修改</title>
	<link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/animate.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/login.css' %}">
<body>

<div class="c-box bg-box">
    <div class="login-box clearfix">
        <div class="fl form-box">
            {% if not modify_pwd_form.success %}
            <div class="resetpassword" id="resetPwdForm">
                <h1>修改密码</h1>
                <p>已经通过验证，请设置新密码</p>
                <div class="tab-form">
                    <form id="modify_pwd_form" action="{% url 'modify_pwd' %}" method="post" autocomplete="off">
                        <div class="form-group marb8 {% if modify_pwd_form.errors.password1 %}errorput{% endif %}">
                            <label>新&nbsp;&nbsp;密&nbsp;&nbsp;码</label>
                            <input type="password" name="password1" id="pwd" placeholder="6-20位非中文字符"/>
                        </div>
                        <div class="form-group marb8 {% if modify_pwd_form.errors.password2 %}errorput{% endif %}">
                            <label>确&nbsp;定&nbsp;密&nbsp;码</label>
                            <input type="password" name="password2" id="repwd" placeholder="6-20位非中文字符"/>
                        </div>
                        <input type="hidden" id="code" name="code" value='{{modify_pwd_form.code.value}}'/>
                        <input type="hidden" id="emaile" name="email" value='{{modify_pwd_form.email.value}}'/>
                        <div class="error btns" id="jsEmailTips">{% for key,error in modify_pwd_form.errors.items %} {{error}} {% endfor %}</div>
                        <div class="auto-box marb8">
                        </div>
                        <input class="btn btn-green" id="jsResetPwdBtn" type="submit" value="提交" />
                        {% csrf_token %}
                    </form>
                </div>
            </div>
            {% else %}
            <div class="resetpassword" id="reset_password_tips" style="display:none;">
                <h1>修改密码成功,请重新登录</h1>
                <img class="fl" src="{% static 'images/check2.png' %}">
                <p class="successword">已经成功修改密码，请重新登录</p>
            </div>
            {% endif %}
        </div>
    </div>
</div>
<input id="isLogin" type="hidden" value="False"/>
<script src="{% static 'js/jquery.min.js' %}" type="text/javascript"></script>
<script src="{% static 'js/unslider.js' %}" type="text/javascript"></script>
<script src="{% static 'js/validateDialog.js' %}"  type="text/javascript"></script>
<script src="{% static 'js/login.js' %}"  type="text/javascript"></script>
</body>
</html>